<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">按钮2</button>
		<script>
			//JQuery注释【单行注释】：遵循JavaScript注释【两种】
			/* 多行注释 */

			//首行出现的语法  工厂函数  功能：抓取页面上的元素、属性和属性值
			//工厂函数使用方式： 语法①：$("选择器")或$('选择器')
			//                      注意：单双引号解决嵌套问题
			//                 语法②：jQuery("选择器")或jQuery('选择器')
			//工厂函数第一种使用方式 【推荐】
			/* $('button').click(function(){
				document.write("<h1>点击我了</h1>"); //DOM 直接在页面 输出语句
			}); */
			//工厂函数第二种使用方式
			jQuery("#btn").click(function() {
				//	console.log("你猜我在哪里~") ---ECMAscript核心输出语句：F12控制台
				//   alert(("弹出的内容"))       ---BOM 浏览器弹出 输出语句
			});
			//JQ基础语法组成：工厂函数[2种].事件源[15种](function(){
			//	                                                 DOM+逻辑/BOM+逻辑/逻辑
			//                                                  });
		</script>
	</body>
</html>